<!doctype html>
<html>

<head>
  <title>《功夫熊猫序篇》官方网站-正版授权，全球首发！</title>
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta charset="gb2312">
  <!--项目meta信息，请编辑提供 start-->
  <meta name="author" content="网易，NetEase Inc." />
  <meta name="copyright" content="网易，NetEase Inc." />
  <meta name="pmid" content="" />
  <meta name="editor" content="" />
  <meta name="designer" content="" />
  <meta name="front-end technicist" content="Zichen Zheng" />
  <!--项目meta信息，请编辑提供 end-->
  <meta name="renderer" content="webkit">
  <link rel="dns-prefetch" href="http://res.nie.netease.com">

  <meta name="viewport" content="target-densitydpi=device-dpi, width=640, user-scalable=no" id="viewport">
  <script>
    (function(){
      document.getElementById('viewport').content = 'width=640,user-scalable=no,target-densitydpi=' +
          (640 / parseInt(window.screen.width) * window.devicePixelRatio * 160);
    }());
  </script>
  <link rel="stylesheet" type="text/css" href="css/index.less" />
  <style type="text/css">
  #loading {
    position   : fixed;
    z-index    : 999999;
    left       : 0;
    right      : 0;
    top        : 0;
    bottom     : 0;
    background : #fff;
  }
  #loading .bar {
    position    : absolute;
    width       : 342px;
    height      : 60px;
    left        : 50%;
    top         : 50%;
    margin-left : -168px;
    margin-top  : 6px;
    background  : #5c5c5c;
  }
  #loading .bar .content {
    position   : absolute;
    width      : 0%;
    height     : 100%;
    left       : 0;
    top        : 0;
    margin     : 0;
    padding    : 0;
    background : #d74057;
  }
  #loading .panda {
    position    : absolute;
    width       : 408px;
    height      : 250px;
    left        : 50%;
    top         : 50%;
    margin-left : -204px;
    margin-top  : -150px;
    background  : url('') center center no-repeat;
    background-size : 100% 100%;
  }
  #loading .tip {
    position    : absolute;
    width       : 640px;
    height      : 40px;
    left        : 50%;
    top         : 50%;
    margin-left : -320px;
    margin-top  : 80px;
    line-height : 40px;
    font-size   : 16px;
    color       : #c41e31;
    text-align  : center;
  }
  </style>
</head>

<body>

  <div id="loading">
    <div class="bar"><div class="content"></div></div>
    <div class="panda"></div>
    <div class="tip"><span>0</span>%</div>
  </div>

  <div id="preload_list" style="display:none;">
    <img data-src="img/arrow.png">
    <img data-src="img/p1-bg.jpg">
    <img data-src="img/p1-panda.png">
    <img data-src="img/p1-wan.png">
    <img data-src="img/p1-word.png">
    <img data-src="img/p2-ani.png">
    <img data-src="img/p2-bg.jpg">
    <img data-src="img/p2-word.png">
    <img data-src="img/p3-ani.png">
    <img data-src="img/p3-bg.jpg">
    <img data-src="img/p3-panda.png">
    <img data-src="img/p3-word.png">
    <img data-src="img/p4-ani.png">
    <img data-src="img/p4-bg.jpg">
    <img data-src="img/p4-word.png">
    <img data-src="img/p5-ani.png">
    <img data-src="img/p5-bg.jpg">
    <img data-src="img/p5-word.png">
    <img data-src="img/p6-ani.png">
    <img data-src="img/p6-bg.jpg">
    <img data-src="img/p6-word.png">
    <img data-src="img/p7-bg.jpg">
  </div>

  <div class="wrapper">
    <div class="content">
      <div class="page page1">
        <div class="item word"></div>
        <div class="item total">
          <div class="item panda"></div>
          <div class="item wan"></div>
        </div>
      </div>
      <div class="page page2">
        <div class="item eye"></div>
        <div class="item word"></div>
      </div>
      <div class="page page3">
        <div class="item panda"></div>
        <div class="item word"></div>
        <div class="item face"></div>
      </div>
      <div class="page page4">
        <div class="item word"></div>
        <div class="item yatui"></div>
      </div>
      <div class="page page5">
        <div class="item word"></div>
        <div class="item lianwu"></div>
      </div>
      <div class="page page6">
        <div class="item leaf"></div>
        <div class="item word"></div>
      </div>
      <div class="page page7">
        <a href="javascript:;" class="item btn"></a>
      </div>
    </div>
  </div>

  <div class="arrow"></div>

  <script src="http://res.nie.netease.com/comm/js/jquery(mixNIE).last.js"></script>
  <script src="http://analytics.163.com/ntes.js"></script>
  <script type="text/javascript">
  nie.config.stats.clickStats=true;
  _ntes_nacc = '';
  neteaseTracker();
  </script>
  <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
  <script>document.write('<script src="http://sc.tool.netease.com/sharecom/wxjs.php?url=' + encodeURIComponent(window.location.href) + '"><\/script>');</script>
  <script>
    if ($(window).height() < 900) {
      $('.page3 .face').remove();
    }
  </script>
  <script src="js/app/index.js"></script>
</body>

</html>